@import '../../style.scss';

.posts{
    @include useTheme($themes){
        display: flex;
        flex-direction: column;
        gap: 20px;
        .prompt{
            margin-top: 100px;
            align-self: center;
            color: themed('textSoft');
        }

        @include mobile{
            margin: 20px 10px;
        }
    }
}

.postsTitle{
    @include useTheme($themes){  
        .container{
            // background-color: themed('sideBarColor');
            // border-radius: 10px;
            // border: solid 1px themed('border');
            text-decoration: none;
            padding: 8px 12px;
            margin: 0px 10px;
            color: themed('textColor');

            display: flex;
            justify-content: space-between;

            .bwicId{
                width: 4%;
            }

            .cusip{width: 10%;}

            .dueDate{width: 14%;}

            .position{width: 9%;}

            .price{width: 10%;}

            .marketValue{width: 15%;}

            .totalBids{width: 6%;}

            .bidRank{width: 9%;}

            .bidMarketValue{width: 10%;}

            .action{width: 12%;}

            span{
                display: flex;
                align-items: center;
                justify-content: center;
                text-align: center;
                font-weight: bold;
                // font-size: 16px;
            }

        }
    }
}

.postsUser{
    display: flex;
    flex-wrap: wrap;
    .postsTitle{
        display: none;
    }
}